<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="referrer" content="no-referrer">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>后台查看</title>
<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" th:href="@{/bootstrap-4.5.2-dist/css/bootstrap.min.css}">
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
</head>
<body>
<nav class="navbar navbar-light bg-light">
  <div class="container-fluid">
    <a class="navbar-brand " href="http://localhost:8080/manager" >Hello</a>
  <button class="btn btn-light" type="button" disabled>
  <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
  在校人数:<span id="num"></span>
</button>
    <img th:src="@{img/icon.jpg}" width=60px height="60px" id="pipi" >
    <form class="d-flex">
      <input class="form-control me-2" type="search" placeholder="支持身份证 姓名 在校/出校"  aria-label="Search" name="sctext">
      <a class="btn btn-outline-success" role="button" href="javascript:void(0);" onclick="submit()">Search</a>
    </form>
  </div>
</nav>
<div class="contianer">
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<th scope="col">身份证</th>
<th scope="col">姓名</th>
<th scope="col">进校/出校</th>
<th scope="col">时间</th>
<th scope="col">签到地点</th>
</tr>
</thead>
<tbody><tr th:each="User:${pageInfo}">
<td th:text="${User.Uid}"></td>
<td th:text="${User.Name}"></td>
<td th:text="${User.InorLeave==0}?进校:出校"></td>
<td th:text="${User.Times}"></td>
<td th:text="${User.Place}"></td>
</tr></tbody>
</table>
<div style="float: left" th:if="${totalPages>0}">
		当前第<span th:text="${pageNum}"></span>页,共<span
			th:text="${totalPages}"></span>页,总记录数<span th:text="${total}"></span>
</div>
<div style="float:right" th:if="${totalPages>0}" id="page">
<a th:href="@{${jumpUrl}}" th:text="首页" th:if="${pageNum>1}"th:class ="page-item"></a>
<a th:href="@{${jumpUrl}+${pageNum-1}}" th:text="上一页"th:class ="page-item" th:if="${pageNum>1}"></a>
<a th:href="@{${jumpUrl}+${i}}" th:each="i:${#numbers.sequence(1,totalPages)}" th:text="${i}"
th:class ="${pageNum==i}?'page-item active':'page-item '"></a>
<a th:href="@{${jumpUrl}+${pageNum+1}}" th:text="下一页" th:class="page-item" th:if="${pageNum<totalPages}"></a>
<a th:href="@{${jumpUrl}+${totalPages}}" th:text="尾页" th:class="page-item" th:if="${pageNum<totalPages}"></a>
</div>
</div>
 <link th:href ="@{/css/manager.css}"  rel ="stylesheet" type ="text/css">
 <script  th:src ="@{/js/manager.js}"></script>

</body>
</html>